function load() {
    init();
}

var dataArray = [];

function init() {
    $("#add").onclick=function () { 
        add();    
    };
    $("#search").onclick=function () {
        search();
    }
}

function add() {
    var text = $("#text").value.trim();
    wordArray = text.split(/[^0-9a-zA-Z\u4e00-\u9fa5]+/).filter(function (ar) {
        if (ar != null && ar.length > 0) {
            return true;
        } else {
            return false;
        }
    });
   
    dataArray=dataArray.concat(wordArray);
    render();
}

function search() {
    var subS = $("#textS").value.trim();
    render(subS);

}

function render(tr) {
    $("#selectNum").innerHTML=dataArray.map(function (d) {
        if(tr!=null){
            d=d.replace(new RegExp(tr,"g"),"<span class='blue'>"+tr+"</span>");       
        }
        return "<div>"+d+"</div>";
    }).join("");
    
}

function $(el) {
    return document.querySelector(el);
}
